html,body{
   position:relative; width: 100%;height:600px;margin:0% auto;
}

   .clubHead{
       position: absolute;
        background-color: #0080FF;
        width: 100%;
        height: 65px;
        z-index: 999;
        overflow:hidden;
        min-width:1350px;
        box-shadow: 2px 2px 10px #333333; 
        border: 0px;
    
    }
    .headBox{
        position: absolute;
        background-color: #0080FF;
        width: 100%;
        height: 65px;
        z-index: 999;
        overflow:hidden;
        min-width:1350px;
        box-shadow: 2px 2px 10px #333333; 

    }
   .titlePic{
        
        position: relative;
        top: 12px;
        width: 40px;
        height: 40px;
        
    }
    .title{
        position:relative;
        margin:0px auto;
        font-family: "微软雅黑";
        font-size: 20px;
        width: 350px;
        height: 65px;
        color: white;
    }
    .main{
        width:1280px;height:800px;position: relative;margin: 0 auto;
    } .shadow{
      position:absolute;
         background-color: white;
         top: 67px;
         left: 200px;
         width: 330px;
         height: 93px;
        box-shadow: 1px 1px 10px #333333; 
           z-index:1;}
    .leftSide{
        position:absolute;
        float: none;
        width: 200px;
        height: 655px;
        background-color: #97CBFF;
        top: 20px;
        box-shadow: 2px 2px 7px #333333; 
        overflow: hidden;
          z-index: 3;
    }
   .leftPic{
        position: relative;
        left: -100px;
        top: -30px;
        width: 1000px;
        height: 800px;
        opacity: 0.5;
        -webkit-filter: blur(3px); /* Chrome, Opera */
       -moz-filter: blur(3px);
        -ms-filter: blur(3px);    
            filter: blur(3px);   
       

    }
    .ha{
       width: 200px;
       height: 40px;
       line-height: 38px;
       background-color:none ;
       font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif; 
       font-size:20px;
       color: black;
       position: absolute;
       text-decoration:none;  /*超链接无下划线*/
      /* padding: 10px 100px;*/
      text-align: center;
      -webkit-transition:all linear 0.30s;  
      -moz-transition:all linear 0.30s;  
      transition:all linear 0.30s;  

    }
    #ha{
   
     left:0px;
     top: 130px;
     
}
 #ha1{
   
     left:0px;
     top: 180px;  background-color:#59b0fb ;
     
     
}
 #ha2{
    
     left:0px;
     top: 230px;
    
}
 .Left a:hover { background-color:#acd6ff; } 

    .search{
         position:absolute;
         background-color: #ECECFF;
         top: 65px;
         left: 200px;
         width:330px;
         height: 95px;

           z-index: 2;
        
    }
    .searchBar{
     position: absolute;
     width: 280px;
     height: 30px;
     left: 10px;
     top: 14px;
     background-color: #dbdcdd;
     border: 1px solid #0080FF;
     border-radius:5px;
     color:gray;
     text-indent:8px;
    }
     input:hover{
       transition-property:box-shadow ;
      transition-duration: 0.2s;
      transition-timing-function: linear;
      box-shadow:2px 2px 5px #333333;/*阴影*/
  }

.searchButton{
     position: absolute;
     left: 257px;
     top: 15px;
}
.refresh{
     position: absolute;
   
     left: 294px;
     top: 14px;
}
.news{
      position: absolute;
      width:100px;
      height: 25px;
      left: 18px;
      top: 60px;
      font-family: "微软雅黑";
        font-size: 17px;
}
.del{
     position: absolute;
   
     left: 378px;
     top: 60px;
}
.FUPIC{
   width:32px;
     height: 32px;

}
.FUPIC:hover{
  background-color: #8fc9fb;
}
.movebar{
        position: absolute;
        background-color:#59b0fb;
        width: 0px;
        height: 50px;
        left: -18px;
}

    .middleSide{
          position:absolute;
          top: 160px;
          left: 200px;
          width: 330px;
          height: 515px;
          background-color: #ECECFF;
          overflow-y: scroll;    
         
       box-shadow: 1px 1px 10px #333333; 
          scrollbar-face-color: #D4D4D4;                  /*滚动条滑块颜色*/  
          scrollbar-hightlight-color: #ffffff;   /*滚动条3D界面的亮边颜色*/                       
          scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/  
          scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/  
          scrollbar-arrow-color: #919192;                 /*箭头颜色*/  
          scrollbar-track-color: #ffffff;                 /*滚动条底色*/  
          scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/  
            z-index: 2;

    }

    
    @keyframes myfirst      /*悬停*/
{
from {width: 0px; height: 50px;opacity: 1;}
to {width: 330px; height: 50px;opacity: 0.7;}
}


    @keyframes mysecond   /*鼠标点击*/ 
{
from {opacity: 0.5;}
to {width: 330px;opacity: 1;background-color: #8fc9fb;}
}
   @keyframes mythird    /*鼠标移走*/
{
from {width: 330px; height: 50px;opacity: 0.7;}
to {width: 0px; height: 50px;opacity: 1;}
}
 @keyframes myfourth    /*鼠标移走*/
{
from {width: 330px; height: 50px;opacity: 1;}
to {width: 0px; height: 50px;opacity: 0;}
}
.m{ width: 310px;
     height: 50px;
      line-height: 40px;
     background-color: white;
     font-family:微软雅黑,宋体,Arial,Helvetica,Verdana,sans-serif; 
     font-size:17px;
     color: black;
      position: relative;
       margin-top: 10px;
     margin-left: 0px;
     text-decoration:none;  /*超链接无下划线*/
    /* padding: 10px 100px;*/
     -webkit-transition:all linear 0.30s;  
     -moz-transition:all linear 0.30s;  
     transition:all linear 0.30s;  

}
.m:hover{
     background-color: #8fc9fb;
}
.WRITER{
        font-size: 18px;
        position: absolute;
        top: 5px;
         left: 60px;

}
.MHEAD{
        width: 40px;
        height: 40px;
        position: absolute;
        top: 6px;
        left: 10px;

}
.NUM{
        font-size: 12px;
        position: absolute;
        top: 6px;
        left: 283px;

}
.LIKE{
        position: absolute;
        top: 17px;
        left: 255px;

}


   .RightHead{
        position:absolute;
        background-color: white;
        top: 66px;
        left: 530px;
       width: 750px;
        height: 95px;
         box-shadow: 1px 1px 10px #333333; 
         z-index: 1;
    }

   .rightHeadPic{
      position:absolute;
      top: 15px;
      left: 18px;
      height: 90px;
        width: 60px;
   }
   .rightHeadTitle{
         position: absolute;
      width:250px;
      height: 25px;
      left: 100px;
      top: 22px;
      font-family: "微软雅黑";
        font-size: 17px;
   }
    .rightHeadIntroduce{
      position: absolute;
      width:250px;
      height: 25px;
      left: 100px;
      top: 45px;
      font-family: "微软雅黑";
      font-size: 17px;
   }
    .rightHeadTime{
      position: absolute;
      width:200px;
      height: 25px;
      left: 410px;
      top: 45px;
      font-family: "微软雅黑";
      font-size: 17px;
   }
    .rightSide{
          position:absolute;
           z-index: 1;
          top: 160px;
          left: 530px;
         width: 750px;
          height: 515px;
          background-color:#ECECFF;
          overflow-y: scroll;    
          scrollbar-face-color: #DDDDFF;                  /*滚动条滑块颜色*/  
          scrollbar-hightlight-color: #ffffff;                /*滚动条3D界面的亮边颜色*/  
          scrollbar-shadow-color: #919192;                    /*滚动条3D界面的暗边颜色*/  
          scrollbar-3dlight-color: #ffffff;               /*滚动条亮边框颜色*/  
          scrollbar-arrow-color: #919192;                 /*箭头颜色*/  
          scrollbar-track-color: #ffffff;                 /*滚动条底色*/  
          scrollbar-darkshadow-color: #ffffff;                /*滚动条暗边框颜色*/  
        

    }


    #Boypic1{
      position:absolute;
      top: 15px;
      left: 100px;
      height: 200px;
      width: 200px;

    }
    #Boypic2{
      position:absolute;
      top: 15px;
      left: 340px;
      height: 200px;
      width: 300px; 
    }


   #boss{
      position:absolute;
      top: 240px;
      left: 100px;
      height: 40px;
      width: 70px; 
      font-size: 18px;
   }
    #bossName{
      position:absolute;
      top: 243px;
      left: 170px;
      height: 40px;
      width: 250px;
      font-size: 15px;
   }
  #mailbox{
      position:absolute;
      top: 270px;
      left: 100px;
      height: 40px;
      width: 70px; 
      font-size: 18px;
   }
    #mailboxName{
      position:absolute;
      top: 273px;
      left: 170px;
      height: 40px;
      width: 70px; 
      font-size: 15px;
   }

    #tel{
      position:absolute;
      top: 270px;
      left: 390px;
      height: 40px;
      width: 70px; 
      font-size: 18px;
   }
    #telNum{
      position:absolute;
      top: 273px;
      left: 460px;
      height: 40px;
      width: 70px; 
      font-size: 15px;
   }


    #IntroduceTitle{
      position:absolute;
      top: 303px;
      left: 100px;
      height: 40px;
      width: 200px; 
      font-size: 18px;

    }
     #Introduce{
      position:absolute;
      top: 333px;
      left: 100px;
      height: 40px;
      width: 500px; 
      font-size: 12px;

    }

    .join{
      width: 300px;
      height: 50px;
      border-radius: 5px;
      background-color: #37a2fe;
      position: absolute;
       top: 403px;
      left: 200px;
      text-decoration: none;
      text-align: center;
      font-size: 26px;
      cursor: pointer;
      line-height: 45px;
      color: white;
      font-family: "微软雅黑";
      display: none;
    }
    .join:hover{ background-color:#8fc9fb;}

	 .haveJoin{
      width: 300px;
      height: 50px;
      border-radius: 5px;
      background-color: #37a2fe;
      position: absolute;
       top: 403px;
      left: 200px;
      text-decoration: none;
      text-align: center;
      font-size: 26px;
      cursor: pointer;
      line-height: 45px;
      color: white;
      font-family: "微软雅黑";
      display: none;
    }
    .haveJoin:hover{ background-color:#8fc9fb;}

    .RightShadow{
           position:absolute;
           z-index: 1;
          top: 160px;
          left: 530px;
          width: 750px;
          height: 515px;
           box-shadow: 1px 1px 10px #333333; 

}

      .footTitle{
        position:relative;
        margin:20px auto;
        font-family: "微软雅黑";
        font-size: 15px;
        width: 350px;
        height: 65px;
        color: white;
       
    }
    .clubFoot{
        position: absolute;
        background-color: #0080FF;
        width: 100%;
        height: 65px;
        top: 675px;
         z-index: 4;
        overflow:hidden;
        min-width:1350px;
        border: 0;

    }